<template>
  <div class="index-container">
    <h1>首页</h1>
    <div>
      <el-button type="primary" icon="el-icon-document" @click="getAdminInfos">查询所有管理员信息</el-button>
      <el-button type="success" icon="el-icon-document" @click="getAdminInfo">查询管理员信息</el-button>
      <el-button type="success" icon="el-icon-document" @click="getAdminInfo1">查询管理员信息1</el-button>
      <el-button type="info" icon="el-icon-document" @click="getAdminInfo2">查询管理员信息2</el-button>
      <el-button type="warning" icon="el-icon-document" @click="getAdminInfo3">查询管理员信息3</el-button>
      <el-button type="danger" icon="el-icon-document" @click="getAdminInfo4">查询管理员信息4</el-button>
    </div>
  </div>
</template>

<script>
  console.error("src\\view\\index\\index.vue");
  export default {
    name: 'Index',
    methods: {
      getAdminInfos() {
        this.$store.dispatch('admin/getAdminInfos', )
          .then((res) => {
            console.log("src\\view\\layout\\index.vue admin/getAdminInfos then res", res);
            // 这两种都不行，都报错 set() 方法不存在。
            // this.set("appName", res.appName);
            // _that.set("appName", res.appName);
            // this.appName = res.appName;
          })
          .catch((error) => {
            console.error("src\\view\\layout\\index.vue admin/getAdminInfos catch error", error);
          });
      },
      getAdminInfo() {
        this.$store.dispatch('admin/getAdminInfo', 11)
          .then((res) => {
            console.log("src\\view\\layout\\index.vue admin/getAdminInfo then res", res);
            // 这两种都不行，都报错 set() 方法不存在。
            // this.set("appName", res.appName);
            // _that.set("appName", res.appName);
            // this.appName = res.appName;
          })
          .catch((error) => {
            console.error("src\\view\\layout\\index.vue admin/getAdminInfo catch error", error);
          });
      },
      getAdminInfo1() {
        this.$store.dispatch('admin/getAdminInfo1', 11)
          .then((res) => {
            console.log("src\\view\\layout\\index.vue admin/getAdminInfo1 then res", res);
            // 这两种都不行，都报错 set() 方法不存在。
            // this.set("appName", res.appName);
            // _that.set("appName", res.appName);
            // this.appName = res.appName;
          })
          .catch((error) => {
            console.error("src\\view\\layout\\index.vue admin/getAdminInfo catch error", error);
          });
      },
      getAdminInfo2() {
        this.$store.dispatch('admin/getAdminInfo2', {id: 22, age: 33})
          .then((res) => {
            console.log("src\\view\\layout\\index.vue admin/getAdminInfo2 then res", res);
            // 这两种都不行，都报错 set() 方法不存在。
            // this.set("appName", res.appName);
            // _that.set("appName", res.appName);
            // this.appName = res.appName;
          })
          .catch((error) => {
            console.error("src\\view\\layout\\index.vue admin/getAdminInfo2 catch error", error);
          });
      },
      getAdminInfo3() {
        this.$store.dispatch('admin/getAdminInfo3', 11)
          .then((res) => {
            console.log("src\\view\\layout\\index.vue admin/getAdminInfo3 then res", res);
            // 这两种都不行，都报错 set() 方法不存在。
            // this.set("appName", res.appName);
            // _that.set("appName", res.appName);
            // this.appName = res.appName;
          })
          .catch((error) => {
            console.error("src\\view\\layout\\index.vue admin/getAdminInfo3 catch error", error);
          });
      },
      getAdminInfo4() {
        this.$store.dispatch('admin/getAdminInfo4', {id: 22, age: 33})
          .then((res) => {
            console.log("src\\view\\layout\\index.vue admin/getAdminInfo4 then res", res);
            // 这两种都不行，都报错 set() 方法不存在。
            // this.set("appName", res.appName);
            // _that.set("appName", res.appName);
            // this.appName = res.appName;
          })
          .catch((error) => {
            console.error("src\\view\\layout\\index.vue admin/getAdminInfo4 catch error", error);
          });
      }
    }
  }
</script>

<style scoped>
.index-container{

}
</style>
